<template>
  <div>
    来自于: 
    <!-- v-model="变量名" -->
    <select v-model="from">
      <option value="德玛西亚">德玛西亚</option>
      <option value="地府">地府</option>
      <option value="艾欧尼亚">艾欧尼亚</option>
    </select>
    <!-- 复选框
      关联的变量: 非数组 ==> 关联的是复选框的checked属性
                数组 ===> 关联的是value属性
     -->
     爱好:
     <input type="checkbox" v-model="hobby" value="如花">如花
     <input type="checkbox" v-model="hobby" value="小翠">小翠
     <input type="checkbox" v-model="hobby" value="小芳">小芳
     性别:
     <input type="radio" value="男" name="男" v-model="gender">男
     <input type="radio" value="女" name="女" v-model="gender">女
     自我介绍:
     <textarea v-model="intro"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      from: '地府',
      hobby: [],
      gender: '',
      intro: '我叫张三,法外狂徒'
    }
  }
}
</script>

<style>

</style>